<style lang="sass">
    @import "../../style/config.scss";
    .gw-news{

    }

</style>

<template>
    <section class="gw-news">
        <div class="gw-center">
            <div class="hm-flex">
                <div class="dir">
                    <li v-for="(item,index) in list" :class="{'active':$route.params.id==index}" @click="link(index)">{{ item.title }}</li>
                </div>
                <div class="hm-flex-1 content">
                    <div class="hm-border hm-radius" v-if="$route.params.id==0">
                        <iframe id="iframe" height="8000px" width="100%" frameborder="0" scrolling="no" src="http://www.jin10.com/example/jin10.com.html"></iframe>
                    </div>
                    <div class="hm-border hm-radius" v-if="$route.params.id==1">
                        <iframe name="whhq" src="http://unews.fx678.com/union/shzf-tt.html" width="100%" height="1300px;" border="0" frameborder="0">头条资讯</iframe>
                    </div>
                    <span v-else style="color:#aaa;">暂无数据</span>
                </div>
            </div>
        </div>        
    </section>
</template>

<script>
export default {
    data(){
        return {
            list : [
                {
                    title : '实时资讯',
                },
                {
                    title : '财经新闻',
                },
            ]
        }
    },
    computed: {

    },
    components : {

    },
    methods : {
        link(id){
            this.$router.replace({name:this.$route.name,params:{id}})
        }
    },
    mounted(){

    }
}
</script>
